/*
 * @Author: your name
 * @Date: 2020-11-04 11:06:29
 * @LastEditTime: 2020-11-12 13:43:36
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /crowd-funding/src/components/pages/component/store/Tile/index.js
 */
import React from 'react'
import './index.scss'

function Tile(props) {
	const { picUrlList = [] } = props.item
	const { isHaveBorderRadius } = props
	return (
		<div className="Tile">
			{
				// 遍历展示图片
				picUrlList.map((item, index) => {
					const key = `${item}-${index}`
					return (
						<div key={key} className="TileImgList">
							<img
								src={item}
								className={
									isHaveBorderRadius && index === 0 ? 'img-border-radius' : ''
								}
								alt=""
							/>
						</div>
					)
				})
			}
		</div>
	)
}

export default Tile
